<script setup>
import { ref, toRefs } from 'vue';

const user = ref({
  name: 'zs',
  age: 18,
})
// **使用 toRefs 可以保证该对象展开的每个属性都是响应式的**

const { name, age } = toRefs(user.value)
</script>

<template>
  <button @click="user.age++">点我年龄+1</button>
  <div>{{user}}</div>
  <div>{{name}}</div>
  <div>{{age}}</div>
</template>

<style>

</style>
